extends layout

block header
  include component/header
  style.
    body {
      padding-top:83px;
    }
block content
  div.jumbotron
    div.container
      h1 高可用的图片存储
      p.subtitle
        | 踏破铁鞋无觅处，得来全不费功夫
        br
        | 零运维的图片处理服务
      p
        a.btn.btn-default.btn-lg(href="javacript:;",role='button') 快速上手
  div.container(style="margin-top:30px;")
    div.row
      div.col-md-4.col-sm-6.col-xs-12.feature-item
        a(href="javascript:;")
          h2
            i.fa.fa-database
            | 图片数据处理
          p 提供图片裁剪、缩放、格式转化、水印、原图保护和防盗链等基础的图片处理服务，服务内容还在不断丰富中。
      div.col-md-4.col-sm-6.col-xs-12.feature-item
        a(href="javascript:;")
          h2
            i.fa.fa-cog
            | 简单配置
          p 可以使用图形化界面操作，每一项配置都可以使用简单的图形化界面完成，轻松的配置你的图片服务器
      div.col-md-4.col-sm-6.col-xs-12.feature-item
        a(href="javascript:;")
          h2
            i.fa.fa-code
            | 更少量的代码
          p 图片处理服务易部署、易配置，可使用多种语言接入，也可以在客户端直接传输，详细的API手册更容易上手
    div.row.top-hr
      div.col-md-12
        hr
    div.row
      div.col-md-6.col-sm-6.col-xs-12
        h2 图片处理
        p
          |各种 PGC、UGC 图片共享应用或平台。例如，社交平台图片分享后，用户需要在 PC 端、平板和手机端查看图片，
          |则可以使用图片缩放功能来适应不同的设备；为了防止别人盗用原图，用户可以使用原图保护、防盗链、图片水印或文字水印等功能；
          |摄影爱好者应用则可以使用图片接口信息功能查看各种数码相机的摄影信息等。
      div.col-md-6.col-sm-6.col-xs-12
    div.row.top-hr
      div.col-md-12
        hr
    div.row
      div.col-md-6.col-sm-6.col-xs-12
        h2 功能特性
        p
          |提供图片裁剪、缩放、格式转化、水印、原图保护和防盗链等基础服务，功能还在完善过程中，敬请期待
      div.col-md-6.col-sm-6.col-xs-12
    div.row.top-hr
      div.col-md-12
        hr
    div.row.index-dev
      div.col-md-4.col-sm-4.col-xs-12
        h2 开发者指引
      div.col-md-4.col-sm-4.col-xs-12.cont-api
        h3.title.p-5 API指引
        h4
          a(href="javascript:;").p-5
            i.fa.fa-book
            |接入指引
      div.col-md-4.col-sm-4.col-xs-12.cont-api.p5
        h3.title.p-5 SDK指南
        h4
          a(href="javascript:;").p-5
            i.fa.fa-book
            |SDK
    div.row.top-hr
      div.col-md-12
        hr
    div.row.index-faq
      div.col-md-4.col-sm-4.col-xs-12
        h2 常见问题
      div.col-md-8.col-sm-12.col-xs-12.cont-faq
        div.row
          div.col-md-6.col-sm-6.col-xs-12.p5
            h4
              a(href="javascript:;").p-5
                i.fa.fa-info-circle
                |接入指引
          div.col-md-6.col-sm-6.col-xs-12.a-faq
            h4
              a(href="javascript:;").p-5
                i.fa.fa-info-circle
                |接入指引
    div.row.top-hr
      div.col-md-12
        hr
  include component/footer